<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

        <link rel="stylesheet" type="text/css" href="css/layout.css" />

        <script src="lib/jquery-1.10.2.min.js"></script>
        <script src="cordova.js"></script>
        <script src="js/index.js"></script>
        
        <title>Hello World</title>

        <script>
            $( document ).ready(function() {
                $("#container").css("width",(document.documentElement.clientHeight * 1.5) + "px");
                $("#container").css("height",(document.documentElement.clientHeight) + "px");
                app.initialize();
                var canvas = document.getElementById('container');
                var context = canvas.getContext('2d');

                context.beginPath();
                context.moveTo(0, 0);
                context.lineTo(300, 300);
                context.stroke();
                context.beginPath();
                context.moveTo(300, 0);
                context.lineTo(0, 300);
                context.stroke();
            });
        </script>
    </head>
    <body>
        <canvas id="container" width="300" height="300"></canvas>      
    </body>
</html>
